.index-page {
	background-color: #F7F8FA;
}
.banner-top {
    height: 400px;
    background: url(../../assets/img/banner-home.png) no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
    font-size: 20px;
    .text-box {
      padding-top: 74px;
      width: 351px;
      margin-left: 32px;
    }
    .title {
      margin-bottom: 18px;
      font-size: 46px;
	  font-weight: bold;
    }
    .tip {
      margin-bottom: 43px;
    }
    .text {
      opacity: 0.8;
    }
}
.pain-points {
	padding: 85px 0 40px 0;
	background-color: #FFFFFF;
	.bottom-title {
		width: 676px;
		height: 76px;
		margin: 24px auto 0 auto;
		background:url(../../assets/img/img-sum.png) no-repeat;
		background-size: 100% 100%;
		font-size: 30px;
		color: #3086ff;
		font-weight: bold;
	}
}
.common-title {
	margin-bottom: 40px;
	font-size: 40px;
	text-align: center;
	line-height: 48px;
	font-family:'PingFang-SC-Bold';
	color: #141921;
	font-weight: bold;
}
.points-box {
	position: relative;
	.item {
		width: 50%;
		float: left;
		padding:30px 30px;
		box-sizing: border-box;
	}
	img {
		width: 74px;
		height: 58px;
		margin-bottom: 18px;
	}
	.num2 {
		width: 82px;
		height: 58px;
	}
	.num3 {
		width: 83px;
		height: 58px;
	}
	.num4 {
		width: 84px;
		height: 58px;
	}
	.text {
		font-size: 26px;
		color: #141921;
		line-height: 36px;
	}
	.line-x{
		position: absolute;
		width: 686px;
		height: 2px;
		top: 50%;
		left: 30px;
		z-index: 9;
		margin-top: -1px;
		background:url(../../assets/img/line-x.png) no-repeat;
		background-size: 100% 100%;
	}
	.line-y{
		position: absolute;
		left: 50%;
		margin-left: -9px;
		top: 30px;
		width: 18px;
		height: 397px;
		z-index: 9;
		background:url(../../assets/img/line-y.png) no-repeat;
		background-size: 100% 100%;
	}
	.gou{
		position: absolute;
		width: 60px;
		height: 60px;
		left: 50%;
		top: 50%;
		margin-left: -30px;
		margin-top: -30px;
		z-index: 10;
		background:url(../../assets/img/icon-check.png) no-repeat;
		background-size: 100% 100%;
	}
	
}


.new-point {
	background-color: #FFFFFF;
	padding: 35px 30px 44px 30px;
	.small-title {
		font-size: 24px;
		color: #6e7278;
		text-align: center;
	}
	.common-title {
		margin-bottom: 19px;
	}
}
.new-point-list {
	margin-top: 40px;
	.item {
		width: 686px;
		padding: 24px;
		margin-bottom: 16px;
		background-color: #ffffff;
		border-radius: 8px;
		border: solid 1px #e6e8eb;
		box-sizing: border-box;
		img {
			display: block;
			width: 111px;
			height: 92px;
			margin-right: 20px;
		}
		.icon1 {
			width: 111px;
			height: 92px;
			margin-right: 20px;
			background:url(../../assets/img/icon-1.png) no-repeat center;
			background-size: 100% 100%;
		}
		.icon2 {
			width: 108px;
			height: 105px;
			margin-right: 20px;
			background:url(../../assets/img/icon-2.png) no-repeat;
			background-size: 100% 100%;
		}
		.icon3 {
			width: 106px;
			height: 84px;
			margin-right: 20px;
			background:url(../../assets/img/icon-3.png) no-repeat;
			background-size: 100% 100%;
		}
		.icon14,
		.icon15,
		.icon16,
		.icon17{
			width: 88px;
			height: 88px;
		}
		h4 {
			margin-bottom: 14px;
			font-size: 28px;
			color: #141921;
			font-weight: bold;
		}
		p {
			font-size: 24px;
			line-height: 32px;
			color: #6e7278;
		}
	}
}

.product-point {
	padding: 57px 24px 44px 24px;
	.common-title {
		margin-bottom: 32px;
	}
}
.product-point-list {
	.item {
		float: left;
		width: 50%;
		padding: 8px;
		box-sizing: border-box;
	}
	.box {
		height: 350px;
		box-sizing: border-box;
		padding: 24px 24px 25px 24px;
		background-color: #ffffff;
		border-radius: 8px;
		border: solid 1px #e6e8eb;
		text-align: center;
	}
	img {
		width: 127px;
		height: 111px;
		margin: 0 0 20px -18px;
	}
	.icon5 {
		width: 133px;
		height: 114px;
		margin-left: -9px;
	}
	.icon6 {
		width: 113px;
		height: 121px;
		margin-left: 3px;
	}
	
	.icon7 {
		width: 132px;
		height: 110px;
		margin-left: 12px;
	}
	.icon8 {
		width: 116px;
		height: 119px;
		margin-left: 15px;
	}
	.icon9 {
		width: 121px;
		height: 124px;
		margin-left: 18px;
	}
	.icon10 {
		width: 124px;
		height: 120px;
		margin-left: 28px;
	}
	.icon11 {
		width: 115px;
		height: 113px;
		margin-left: 20px;
	}
	.icon12 {
		width: 124px;
		height: 123px;
		margin-left: 20px;
	}
	.icon13 {
		width: 134px;
		height: 111px;
		margin-left: 26px;
	}
	h4 {
		margin-bottom: 15px;
		font-size: 28px;
		color: #141921;
		text-align: center;
	}
	p {
		font-size: 24px;
		line-height: 32px;
		color: #6e7278;
		text-align: left;
	}
}

.process-box {
	height: 416px;
	background:url(../../assets/img/img-flow.png) no-repeat;
	background-size: 100% 100%;
}
.process-box .common-title {
	padding-top: 75px;
	color: #FFFFFF;
}

.advantage-box .product-point-list .box {
	height: 410px;
}

.experience-box {
	height: 300px;
	padding-top: 75px;
	box-sizing: border-box;
	background:url(../../assets/img/img-act.png) no-repeat;
	background-size: 100% 100%;
	.common-title {
		color: #FFFFFF;
	}
	.experience-btn {
		display: block;
		width: 300px;
		height: 72px;
		margin: 0 auto;
		background-color: #ffffff;
		border-radius: 36px;
		font-size: 32px;
		color: #3086ff;
		text-align: center;
		line-height: 72px;
	}
	
}
.code-alert {
	width: 560px;
	height: 756px;
	background:url(../../assets/img/img-popup.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	h5 {
		margin-top: 28px;
		margin-bottom: 12px;
		font-size: 36px;
		color: #141921;
	}
	.tip {
		font-size: 26px;
		color: #6e7278;
	}
	img {
		width: 410px;
		margin-top: 58px;
		margin-bottom: 8px;
	}
	.scan-tip {
		font-size: 24px;
		color: #83878d;
	}
	.save-tip {
		margin-top: 54px;
		font-size: 34px;
		color: #ffffff;
	}
}